<div class="main-bar__back-button hidden lg:flex">
  <%= link_to(
      content_for(:focus_mode_return_path),
      class: "main-bar__links-desktop__item",
      "aria-label": t("layouts.decidim.header.back")
  ) do %>
      <%= icon "arrow-left-line", class: "w-8 h-6 mr-2 fill-current" %>
      <%= yield(:focus_mode_return_string).presence || t("layouts.decidim.header.back") %>
  <% end %>
</div>

<div class="menu-bar__language-chooser-desktop focus-mode">
  <%= render partial: "layouts/decidim/header/main_language_chooser" %>
</div>

<div class="main-bar__back-button lg:hidden">
  <%= link_to(
      content_for(:focus_mode_return_path),
      class: "main-bar__links-desktop__item",
      type: :button,
      "aria-label": t("layouts.decidim.header.back")
    ) do %>
      <span class="flex items-center gap-1">
        <%= icon "arrow-left-line", class: "w-8 h-6 mr-2 fill-current" %>
        <%= t("layouts.decidim.header.back") %>
      </span>
    <% end %>
</div>
